<template>
  <div class="page_header">
    <div class="top flex start">
      <div class="icon">
        <image :src="icon"></image>
      </div>
      <div class="title">biliob观察者</div>
    </div>
    <div class="nav flex start">
      <div>首页</div>
      <div>排行榜</div>
      <div>up群主</div>
      <div>up主查询</div>
      <div>专题查询</div>
      <div>视频查询</div>
      <div>见其指数</div>
      <div>小工具</div>
    </div>
  </div>
</template>

<script>
import {post,get} from "@js/api"
// import xxx from '@com/xxx.vue'

export default {
  data() {
    return {
      icon:require("@img/small.png")
    };
  },
  computed:{

  },
  methods: {

  },
  mounted() {

  }
};
</script>

<style lang="scss" scoped >
@import '@css/mixin';
.page_header{
  .top{
    .icon{
      @include box(50px,50px);
      image{
        @include box(100%,100%);
      }
    }

  }
}

</style>